<!DOCTYPE html>
<html>
<head>	
	<title></title>
	<!-- 公共css文件 -->
	<link rel="stylesheet" type="text/css" href="./static/css/ibm.css">
	<!-- 网页头部视口宽度小于1100时候引入的css文件 -->
	<link rel="stylesheet" type="text/css" media="screen and (max-width: 1100px)" href="./static/css/header/header_max_1100.css">

	<!-- 网页头部搜索框小于595px时候引入的css文件 -->
	<!-- 中 图片文字 -->
	<link rel="stylesheet" type="text/css" media="screen and (max-width: 595px)" href="./static/css/header/header_max_595.css">	
	
</head>
<body>
	<div id="header">
		<h1>IBM</h1>
		<ul>
			<li>产品
				<img src="./static/images/下箭头.png">
			</li>
			<li>服务
				<img src="./static/images/下箭头.png">
			</li>
			<li>行业</li>
			<li>开发者
				<img src="./static/images/下箭头.png">
			</li>
			<li>成功案例</li>
			<li>支持</li>
			<li>工作机会</li>
		</ul>
		<div class="float_right">
			<div class="seach">
				<input type="" name="" placeholder="搜索">
				<i></i>
			</div>
			<div class="user">
				<img src="./static/images/人物.png">
			</div>
			<div class="num">
				<img src="./static/images/菜单.png">
			</div>
		</div>
	</div>
	<div id="article">
		<div class="left">
			<h1>
			新一代 z15 及 LinuxONE III 重磅发布！云中核心，关键之选</h1>
			<p>混合多云中，数据隐私和系统安全的新标杆</p>
			<p>了解全新 IBM z15 </p>
			<p>探索与 IBM z 天生绝配的储存新品 </p>
		</div>
		<div class="right">
			<img src="./static/images/tu1.jpg">
		</div>
		<div class="sb"></div>
	</div>
	<div class="act_title">
		<p>IBM 本周活动</p>
	</div>
	<div id="fieldset">
		<div class="tu_1">
			<div class="top">全新 LinuxONE III 服务器重磅发布！</div>
			<div class="center">
				<img src="https://1.cms.s81c.com/sites/default/files/2019-09-10/444x320-2-2.jpg">
			</div>
			<div class="bottom">
				<p>
					无与伦比的高性能、无处不在的安全感、随心所欲的可扩展性、令人心动的经济效益。稳定可靠、高度整合、安全上云、开放创新、以一顶百！凭一“机”之力支撑业务高效稳定运行，助核心业务潇洒上云，在云端安心畅游！
				</p>
				<a href="">了解新款 LinuxONE III </a>
			</div>
		</div>
		<div class="tu_2">
			<div class="top">全新 LinuxONE III 服务器重磅发布！</div>
				<div class="center">
					<img src="https://1.cms.s81c.com/sites/default/files/2019-09-02/denghu444x320.jpg">
				</div>
				<div class="bottom">
					<p>
						无与伦比的高性能、无处不在的安全感、随心所欲的可扩展性、令人心动的经济效益。稳定可靠、高度整合、安全上云、开放创新、以一顶百！凭一“机”之力支撑业务高效稳定运行，助核心业务潇洒上云，在云端安心畅游！
					</p>
					<a href="">了解新款 LinuxONE III </a>
				</div>
		</div>
		<div class="tu_2">
			<div class="top">全新 LinuxONE III 服务器重磅发布！</div>
				<div class="center">
					<img src="https://1.cms.s81c.com/sites/default/files/2019-09-09/starlive_webcast.jpg">
				</div>
				<div class="bottom">
					<p>
						无与伦比的高性能、无处不在的安全感、随心所欲的可扩展性、令人心动的经济效益。稳定可靠、高度整合、安全上云、开放创新、以一顶百！凭一“机”之力支撑业务高效稳定运行，助核心业务潇洒上云，在云端安心畅游！
					</p>
					<a href="">了解新款 LinuxONE III </a>
				</div>
			
		</div>
		<div class="tu_4">
			
			<div class="top">全新 LinuxONE III 服务器重磅发布！</div>
				<div class="center">
					<img src="https://1.cms.s81c.com/sites/default/files/2019-09-06/Security-thumb-homepage2.jpeg">
				</div>
				<div class="bottom">
					<p>
						无与伦比的高性能、无处不在的安全感、随心所欲的可扩展性、令人心动的经济效益。稳定可靠、高度整合、安全上云、开放创新、以一顶百！凭一“机”之力支撑业务高效稳定运行，助核心业务潇洒上云，在云端安心畅游！
					</p>
					<a href="">了解新款 LinuxONE III </a>
				</div>
		</div>
	</div>
	<div id="list">
		<h2>在 IBM Marketplace 中查找产品和服务</h2>
		<div class="seach">
			<input type="" name="" placeholder="搜索">
			<i></i>
			<a href="">查看更多产品 </a>
			<div class="ssbb">
				<img src="./static/images/右箭头.png">
			</div>
		</div>
		<div class="technology">
			<div class="left">
				<span>技术</span> 
					<a href="#">IT 基础架构 </a>
					<a href="#">IT 基础架构 </a>
					<a href="#">IT 基础架构 </a>
					<a href="#">IT 基础架构 </a>
					<a href="#">IT 基础架构 </a>
					<a href="#">IT 基础架构 </a>
					<a href="#">IT 基础架构 </a>
					<a href="#">IT 基础架构 </a>
					<a href="#">IT 基础架构 </a>
				<span>技术</span> 
					<a href="#">IT 基础架构 </a>
					<a href="#">IT 基础架构 </a>
					<a href="#">IT 基础架构 </a>
					<a href="#">IT 基础架构 </a>
					<a href="#">IT 基础架构 </a>
					<a href="#">IT 基础架构 </a>
					<a href="#">IT 基础架构 </a>
					<a href="#">IT 基础架构 </a>
					<a href="#">IT 基础架构 </a>
			</div>
			<div class="right">
				<p>IBM 云平台上的红帽 OpenShift</p>
				<img src="https://1.cms.s81c.com/sites/default/files/2019-08-26/HP-developer.jpg">
				<a >在公共云和混合云环境中使用Red Hat® OpenShift® on IBM Cloud™ 提高运行速度，增强市场响应能力，改善可扩展性和可靠性。</a>
			</div>
		</div>
	</div>
	<div id="jsl">
		<a href="">提供信息给</a>
		<a href="">提供信息给</a>
		<a href="">提供信息给</a>
		<a href="">提供信息给</a>
		<a href="">提供信息给</a>
		<a href="">提供信息给</a>
		<a href="">提供信息给</a>
		<a href="">提供信息给</a>
		<a href="">提供信息给</a>
		<a href="">提供信息给</a>
		<a href="">提供信息给</a>
		<a href="">提供信息给</a>
		<a href="">提供信息给</a>
		<a href="">提供信息给</a>
		<a href="">提供信息给</a>
		<a href="">提供信息给</a>
	</div>
</body>
</html>